home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 February (DVD) / PCWorld_2008-02_DVD.iso / v cisle / PHP / PHP.exe / EasyPHP-2.0b1-setup.exe / {app} / sqlitemanager / jscalendar / calendar-win2k-1.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2006-04-18  |  5.8 KB  |  272 lines
  1. /* The main calendar widget.  DIV containing a table. */
  2.  
  3. .calendar {
  4.   position: relative;
  5.   display: none;
  6.   border-top: 2px solid #fff;
  7.   border-right: 2px solid #000;
  8.   border-bottom: 2px solid #000;
  9.   border-left: 2px solid #fff;
  10.   font-size: 11px;
  11.   color: #000;
  12.   cursor: default;
  13.   background: #d4d0c8;
  14.   font-family: tahoma,verdana,sans-serif;
  15. }
  16.  
  17. .calendar table {
  18.   border-top: 1px solid #000;
  19.   border-right: 1px solid #fff;
  20.   border-bottom: 1px solid #fff;
  21.   border-left: 1px solid #000;
  22.   font-size: 11px;
  23.   color: #000;
  24.   cursor: default;
  25.   background: #d4d0c8;
  26.   font-family: tahoma,verdana,sans-serif;
  27. }
  28.  
  29. /* Header part -- contains navigation buttons and day names. */
  30.  
  31. .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  32.   text-align: center;
  33.   padding: 1px;
  34.   border-top: 1px solid #fff;
  35.   border-right: 1px solid #000;
  36.   border-bottom: 1px solid #000;
  37.   border-left: 1px solid #fff;
  38. }
  39.  
  40. .calendar .nav {
  41.   background: transparent url(menuarrow.gif) no-repeat 100% 100%;
  42. }
  43.  
  44. .calendar thead .title { /* This holds the current "month, year" */
  45.   font-weight: bold;
  46.   padding: 1px;
  47.   border: 1px solid #000;
  48.   background: #848078;
  49.   color: #fff;
  50.   text-align: center;
  51. }
  52.  
  53. .calendar thead .headrow { /* Row <TR> containing navigation buttons */
  54. }
  55.  
  56. .calendar thead .daynames { /* Row <TR> containing the day names */
  57. }
  58.  
  59. .calendar thead .name { /* Cells <TD> containing the day names */
  60.   border-bottom: 1px solid #000;
  61.   padding: 2px;
  62.   text-align: center;
  63.   background: #f4f0e8;
  64. }
  65.  
  66. .calendar thead .weekend { /* How a weekend day name shows in header */
  67.   color: #f00;
  68. }
  69.  
  70. .calendar thead .hilite { /* How do the buttons in header appear when hover */
  71.   border-top: 2px solid #fff;
  72.   border-right: 2px solid #000;
  73.   border-bottom: 2px solid #000;
  74.   border-left: 2px solid #fff;
  75.   padding: 0px;
  76.   background-color: #e4e0d8;
  77. }
  78.  
  79. .calendar thead .active { /* Active (pressed) buttons in header */
  80.   padding: 2px 0px 0px 2px;
  81.   border-top: 1px solid #000;
  82.   border-right: 1px solid #fff;
  83.   border-bottom: 1px solid #fff;
  84.   border-left: 1px solid #000;
  85.   background-color: #c4c0b8;
  86. }
  87.  
  88. /* The body part -- contains all the days in month. */
  89.  
  90. .calendar tbody .day { /* Cells <TD> containing month days dates */
  91.   width: 2em;
  92.   text-align: right;
  93.   padding: 2px 4px 2px 2px;
  94. }
  95. .calendar tbody .day.othermonth {
  96.   font-size: 80%;
  97.   color: #aaa;
  98. }
  99. .calendar tbody .day.othermonth.oweekend {
  100.   color: #faa;
  101. }
  102.  
  103. .calendar table .wn {
  104.   padding: 2px 3px 2px 2px;
  105.   border-right: 1px solid #000;
  106.   background: #f4f0e8;
  107. }
  108.  
  109. .calendar tbody .rowhilite td {
  110.   background: #e4e0d8;
  111. }
  112.  
  113. .calendar tbody .rowhilite td.wn {
  114.   background: #d4d0c8;
  115. }
  116.  
  117. .calendar tbody td.hilite { /* Hovered cells <TD> */
  118.   padding: 1px 3px 1px 1px;
  119.   border-top: 1px solid #fff;
  120.   border-right: 1px solid #000;
  121.   border-bottom: 1px solid #000;
  122.   border-left: 1px solid #fff;
  123. }
  124.  
  125. .calendar tbody td.active { /* Active (pressed) cells <TD> */
  126.   padding: 2px 2px 0px 2px;
  127.   border-top: 1px solid #000;
  128.   border-right: 1px solid #fff;
  129.   border-bottom: 1px solid #fff;
  130.   border-left: 1px solid #000;
  131. }
  132.  
  133. .calendar tbody td.selected { /* Cell showing selected date */
  134.   font-weight: bold;
  135.   border-top: 1px solid #000;
  136.   border-right: 1px solid #fff;
  137.   border-bottom: 1px solid #fff;
  138.   border-left: 1px solid #000;
  139.   padding: 2px 2px 0px 2px;
  140.   background: #e4e0d8;
  141. }
  142.  
  143. .calendar tbody td.weekend { /* Cells showing weekend days */
  144.   color: #f00;
  145. }
  146.  
  147. .calendar tbody td.today { /* Cell showing today date */
  148.   font-weight: bold;
  149.   color: #00f;
  150. }
  151.  
  152. .calendar tbody .disabled { color: #999; }
  153.  
  154. .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  155.   visibility: hidden;
  156. }
  157.  
  158. .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  159.   display: none;
  160. }
  161.  
  162. /* The footer part -- status bar and "Close" button */
  163.  
  164. .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  165. }
  166.  
  167. .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  168.   background: #f4f0e8;
  169.   padding: 1px;
  170.   border: 1px solid #000;
  171.   background: #848078;
  172.   color: #fff;
  173.   text-align: center;
  174. }
  175.  
  176. .calendar tfoot .hilite { /* Hover style for buttons in footer */
  177.   border-top: 1px solid #fff;
  178.   border-right: 1px solid #000;
  179.   border-bottom: 1px solid #000;
  180.   border-left: 1px solid #fff;
  181.   padding: 1px;
  182.   background: #e4e0d8;
  183. }
  184.  
  185. .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  186.   padding: 2px 0px 0px 2px;
  187.   border-top: 1px solid #000;
  188.   border-right: 1px solid #fff;
  189.   border-bottom: 1px solid #fff;
  190.   border-left: 1px solid #000;
  191. }
  192.  
  193. /* Combo boxes (menus that display months/years for direct selection) */
  194.  
  195. .calendar .combo {
  196.   position: absolute;
  197.   display: none;
  198.   width: 4em;
  199.   top: 0px;
  200.   left: 0px;
  201.   cursor: default;
  202.   border-top: 1px solid #fff;
  203.   border-right: 1px solid #000;
  204.   border-bottom: 1px solid #000;
  205.   border-left: 1px solid #fff;
  206.   background: #e4e0d8;
  207.   font-size: 90%;
  208.   padding: 1px;
  209.   z-index: 100;
  210. }
  211.  
  212. .calendar .combo .label,
  213. .calendar .combo .label-IEfix {
  214.   text-align: center;
  215.   padding: 1px;
  216. }
  217.  
  218. .calendar .combo .label-IEfix {
  219.   width: 4em;
  220. }
  221.  
  222. .calendar .combo .active {
  223.   background: #c4c0b8;
  224.   padding: 0px;
  225.   border-top: 1px solid #000;
  226.   border-right: 1px solid #fff;
  227.   border-bottom: 1px solid #fff;
  228.   border-left: 1px solid #000;
  229. }
  230.  
  231. .calendar .combo .hilite {
  232.   background: #048;
  233.   color: #fea;
  234. }
  235.  
  236. .calendar td.time {
  237.   border-top: 1px solid #000;
  238.   padding: 1px 0px;
  239.   text-align: center;
  240.   background-color: #f4f0e8;
  241. }
  242.  
  243. .calendar td.time .hour,
  244. .calendar td.time .minute,
  245. .calendar td.time .ampm {
  246.   padding: 0px 3px 0px 4px;
  247.   border: 1px solid #889;
  248.   font-weight: bold;
  249.   background-color: #fff;
  250. }
  251.  
  252. .calendar td.time .ampm {
  253.   text-align: center;
  254. }
  255.  
  256. .calendar td.time .colon {
  257.   padding: 0px 2px 0px 3px;
  258.   font-weight: bold;
  259. }
  260.  
  261. .calendar td.time span.hilite {
  262.   border-color: #000;
  263.   background-color: #766;
  264.   color: #fff;
  265. }
  266.  
  267. .calendar td.time span.active {
  268.   border-color: #f00;
  269.   background-color: #000;
  270.   color: #0f0;
  271. }
  272.